*{margin: 0;padding: 0; font-size: 16px; }

body{background: #fff;}
.container-box {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
@media (min-width: 768px) {
  .container-box {width: 750px;}
}
@media (min-width: 992px) {
  .container-box {width: 970px;}
}
@media (min-width: 1200px) {
  .container-box {width: 1170px;}
}
.row-box{margin-left: -15px;margin-right: -15px;}
.clearfix:before,.clearfix:after{display: table;content: " ";}
.clearfix:after{clear: both;}



div{position: relative;}
a:hover{color: #000000;}
.hide{display: none;}
.show{display: inline-block;}

/*mui修改*/
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {font-size: 16px; height: auto; line-height: normal; margin-bottom: 0; padding: 5px 10px; width: auto;}
.mui-card{box-shadow: none; margin: 0;}
.mui-table-view-cell:after{right:15px;}
.mui-table-view-cell.mui-active{background: #fff;}
.mui-table-view-cell>a:not(.mui-btn){ margin: 0 -15px;}
.mui-table-view-cell.mui-collapse.mui-active{margin-top: 0;}
.mui-table-view-cell>a:not(.mui-btn).mui-active{background: #fff;}
.mui-navigate-right:after{content: '' !important; width: 20px; height: 20px; background: url(../img/arrow.png) no-repeat; background-size: 100%; background-position: 0 -20px; right: 10px;}
.mui-active .mui-navigate-right:after{background-position: 0 0;}
select{border: 1px solid #ccc !important; appearance:none;padding-right: 30px; background: url(../img/arrow-1.png) no-repeat; background-position: right 10px;}
.mui-card{font-size: 16px;}
.mui-poppicker{box-shadow:none}
.mui-poppicker-btn-ok{background: #f6c634; border-color: #f6c634;}
/* .mui-toast-container {-webkit-transition: opacity 3s;transition: opacity 3s;} */
.mui-toast-container.da {-webkit-transition: opacity 4s;transition: opacity 4s;}
.mui-toast-message{background: #333; color: #fff; padding: 10px 0; font-size: 16px;}
/*上传*/
.webuploader-element-invisible{display: none;}
.fileList .error{position: absolute;bottom: 0;left: 50%;background: red;color: white;text-align: center;height: 20px;font-size: 14px;line-height: 23px;}
.fileList .remove{width: 30px; height: 30px; background: rgba(000,000,000,0.3); display: inline-block; text-align: center; line-height: 30px; font-size: 18px; border-radius: 50%; position: absolute; margin-left: -15px; cursor: pointer; color: #fff; margin-top: -15px;}
div[id*='rt_rt_']{width: 100% !important; height: 55px !important;}
.thumbnail img{max-width: 80%;}

/*背景色*/
.bg-none{background: none;}
.bg-white{background: #fff;}
.bg-f5{background: #f5f5f5;}

/*边距*/
.m-top-10{margin-top: 10px;}
.m-top-20{margin-top: 20px;}
.m-top-30{margin-top: 30px;}

.m-left-10{margin-left: 10px;}
.m-left-20{margin-left: 20px;}
.m-left-30{margin-left: 30px;}

.m-right-10{margin-right: 10px;}
.m-right-20{margin-right: 20px;}
.m-right-30{margin-right: 30px;}

.m-bottom-10{margin-bottom: 10px;}
.m-bottom-20{margin-bottom: 20px;}
.m-bottom-30{margin-bottom: 30px;}

/*列表框*/
.input-group {padding: 0 15px; font-size: 16px;}
.input-group .input-group-item{border-bottom: 1px solid #e5e5e5; display: table; width: 100%;}
.input-group .input-group-item:last-child{border-bottom:0;}
.input-group .input-group-item > div{display: table-cell; padding: 15px 0;}
.input-group .input-group-item > div input{border: 0; color: #333;}
.input-group .input-group-item .input-group-icon{width: 30px; text-align: center; vertical-align: middle;}
.input-group .input-group-item .input-group-title{width: 90px; padding-left: 5px; padding-right: 5px; vertical-align: middle;}
.input-group .input-group-item .input-group-text{color: #999;}
@media (max-width: 350px) {
	.input-group .input-group-item .input-group-text{font-size: 14px;}
}
.input-group .input-group-item .input-group-text input{width: 100%;}
.input-group .input-group-item .input-group-img{width: 60px; vertical-align: middle; text-align: center;}
.input-group .input-group-item .input-group-img img{width: 60px; height: 60px; vertical-align: middle; border-radius: 50%;}
.input-group-arrow .input-group-item:before{content: '\e583'; position: absolute; top: 50%; margin-top: -10px; right: 10px; color: #d2d2d2;font-family: Muiicons;}

.input-group .input-group-item .must:before{content: '*'; position: absolute; top: 20px; color:#f6c634;}
.input-group .input-group-item .input-group-num{width:30px;margin-right:1em;  }
.input-group .input-group-item .input-group-num span{color:rgb(215,20,0);padding:2px;font-size:15px;  }
/*文字*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-color-3{color: #333;}
.text-color-6{color: #666;}
.text-color-9{color: #999;}
.text-color-1a{color: #1a1a1a;}
.a-color{color: #5bc2ef;}
.font-12{font-size: 12px;}
.font-14{font-size: 12px;}
.font-16{font-size: 12px;}

/*按钮*/
.m-btn{color: #fff; background: #f6c634; font-size: 18px; display: inline-block; border-radius: 20px; padding: 10px 50px; text-align: center;}
.m-btn:hover{color: #fff;}
.m-btn-block{display: block;}
@media only screen and (max-width:322px ) {
	.m-btn{padding: 10px 45px}
}






































































